<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<title>Document</title>
	<link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
	<link rel="stylesheet" href="css/style.css">

  <link rel="stylesheet" href="js/swiper-4.5.0/dist/css/swiper.min.css">

</head>
<body>

<!-- 轮播 -->
   <div class="banner">
       <div class="container">
           <p class="q1"><img src="img/logo.png" alt=""></p>
          <h2>好戏就要开场了</h2>
          <h4>没有理由说NO！</h4>
          <h5>ready  GO</h5>
          <h5><a href="#df">▽</a></h5>
       </div>
   </div>
<!-- 导航 -->

<nav class="navbar navbar-expand-lg navbar-light ">
       <div class="container">
        <a class="navbar-brand" name="df">Fxr</a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" style="flex-grow: 0;" id="navbarSupportedContent">
            <ul class="navbar-nav mr-auto">
                <li class="nav-item active">
                    <a class="nav-link" href="#">首页<span class="sr-only">(current)</span></a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"  id="ids" href="#" style="color: #293a46">关于我</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"  id="ids" href="#" style="color: #293a46">案例</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" id="ids-1" href="#" tabindex="-1" aria-disabled="true" style="color: #293a46">网页</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"  id="ids" href="#" style="color: #293a46">博客</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link"  id="ids" href="#" style="color: #293a46">联系我</a>
                </li>
            </ul>
        </div>
       </div>

</nav>

<!-- 导航 -->
   <div class="container we">
      <div class="r">
        <div class="rr">
            <h1>关于我</h1>
            <p class="r2"></p>
            <p class="r3">随性且安稳</p>
            <p class="r4">Easygoing and stable</p>
        </div>
        <div class="rl">
          <img class="i1" src="img/90.jpg" alt="">
          <div class="i2">
              <p class="p21">名字：冯晓蕊</p>
              <p class="p1">班级：1803</p>
              <p class="p1">爱好：玩电脑，听歌，看小说</p>
              <p class="p1">格言：输了什么都不能输掉心情</p>
          </div>
        </div>
        <div style="text-align: center;">
           <h5><a href="#wy">▽</a></h5>
        </div>
       
      </div>
   </div>
<!-- 轮播 -->

<!-- 第一部分 -->
<div class="container sr">
   <div class="anl">
        <h1><a name="wy">网页</a></h1>
            <p class="r2"></p>
   </div>
   <div class="row row-pb-md">
    <div class="col-md-4">
      <div class="blog-entry">
        <div class="blog-img">
          <a><img src="img/blog-1.jpg" class="img-responsive" alt="html5 bootstrap template"></a>
        </div>
        <div class="desc">
          <p class="meta">
            <span class="date">2019-04-23</span>
          </p>
          <h2><a href="http://fx1225.gitee.io/man_wei_website/">漫威</a></h2>
          <p>A small river named Duden flows by their place and supplies it with the necessary </p>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="blog-entry">
        <div class="blog-img">
          <a href="blog.html"><img src="img/blog-2.jpg" class="img-responsive" alt="html5 bootstrap template"></a>
        </div>
        <div class="desc">
          <p class="meta">
            <span class="date">20 March 2018</span>
          </p>
          <h2><a href="http://fx1225.gitee.io/web_site">云巴</a></h2>
          <p>A small river named Duden flows by their place and supplies it with the necessary </p>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="blog-entry">
        <div class="blog-img">
          <a><img src="img/blog-3.jpg" class="img-responsive" alt="html5 bootstrap template"></a>
        </div>
        <div class="desc">
          <p class="meta">
            <span class="date">20 March 2018</span>
          </p>
          <h2><a href="http://fx1225.gitee.io/themeswps">Themeswps</a></h2>
          <p>A small river named Duden flows by their place and supplies it with the necessary </p>
        </div>
      </div>
    </div>
   </div>
</div>
<div class="container sr">
   <div class="row row-pb-md">
    <div class="col-md-4">
      <div class="blog-entry">
        <div class="blog-img">
          <a><img src="img/blog-4.jpg" class="img-responsive" alt="html5 bootstrap template"></a>
        </div>
        <div class="desc">
          <p class="meta">
            <span class="date">20 March 2018</span>
          </p>
          <h2><a href="http://fx1225.gitee.io/tianya_mingyue_knife/">天涯明月刀</a></h2>
          <p>A small river named Duden flows by their place and supplies it with the necessary </p>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="blog-entry">
        <div class="blog-img">
          <a href="blog.html"><img src="img/blog-5.jpg" class="img-responsive" alt="html5 bootstrap template"></a>
        </div>
        <div class="desc">
          <p class="meta">
            <span class="date">20 March 2018</span>
          </p>
          <h2><a href="http://fx1225.gitee.io/repute/">Repute</a></h2>
          <p>A small river named Duden flows by their place and supplies it with the necessary </p>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="blog-entry">
        <div class="blog-img">
          <a><img src="img/blog-6.jpg" class="img-responsive" alt="html5 bootstrap template"></a>
        </div>
        <div class="desc">
          <p class="meta">
            <span class="date">20 March 2018</span>
          </p>
          <h2><a href="http://fx1225.gitee.io/heng_wang/">恒望科技</a></h2>
          <p>A small river named Duden flows by their place and supplies it with the necessary </p>
        </div>
      </div>
    </div>
   </div>
</div>
<!-- 第一部分 -->

<!-- 第二部分 -->
<div class="container">
     <div class="anl">
        <h1><a name="#it 3">案例</a></h1>
            <p class="r2"></p>
   </div>
	<div class="row">
        <div class="col-md-8">
		    <div class="blog-entry">
			    <div class="blog-img">
				    <div class="video colorlib-video" style="background-image: url(img/blog-8.jpg);">
					    <div class="overlay"></div>
				    </div>
			    </div>
			    <div class="desc">
				    <p class="meta">
					    <span class="date">20 March 2018</span>
				    </p>
				    <h2><a href="http://fx1225.gitee.io/multiplication_table/">九九乘法表</a></h2>
				    <p>A small river named Duden flows by their place and supplies it with the necessary </p>
			    </div>
		    </div>
        </div>
        <div class="col-md-4">
						<div class="blog-entry">
							<div class="blog-img">
								<a href=""><img src="img/blog-7.jpg" class="img-responsive" alt="html5 bootstrap template " style="width: 100%;"></a>
							</div>
							<div class="desc">
								<p class="meta">
									<span class="date">20 March 2018</span>								
                </p>
								<h2><a href="http://fx1225.gitee.io/weather_forecast/">天气预报</a></h2>
								<p>A small river named Duden flows by their place and supplies it with the necessary </p>
							</div>
						</div>
					</div>
	</div>
</div>
<!-- 第二部分 -->
<!-- 第三部分 -->
<div class="container sr">
   <div class="row row-pb-md">
		<div class="col-md-4">
			<div class="blog-entry">
				<div class="blog-img">
					<a><img src="img/blog-9.jpg" class="img-responsive" alt="html5 bootstrap template"></a>
				</div>
				<div class="desc">
					<p class="meta">
						<span class="date">20 March 2018</span>
					</p>
					<h2><a href="http://fx1225.gitee.io/jingdong_shopping_cart">京东购物车</a></h2>
					<p>A small river named Duden flows by their place and supplies it with the necessary </p>
				</div>
			</div>
		</div>
		<div class="col-md-4">
			<div class="blog-entry">
				<div class="blog-img">
					<a><img src="img/blog-10.jpg" class="img-responsive" alt="html5 bootstrap template"></a>
				</div>
				<div class="desc">
					<p class="meta">
						<span class="date">20 March 2018</span>
					</p>
					<h2><a href="http://fx1225.gitee.io/change_taobao">淘抢购</a></h2>
					<p>A small river named Duden flows by their place and supplies it with the necessary </p>
				</div>
			</div>
		</div>
		<div class="col-md-4">
			<div class="blog-entry">
				<div class="blog-img">
					<a href="blog.html"><img src="img/blog-11.jpg" class="img-responsive" alt="html5 bootstrap template"></a>
				</div>
				<div class="desc">
					<p class="meta">
						<span class="date">20 March 2018</span>
					</p>
					<h2><a href="http://fx1225.gitee.io/todo_list">待办事项</a></h2>
					<p>A small river named Duden flows by their place and supplies it with the necessary </p>
				</div>
			</div>
		</div>
   </div>
</div>
<!-- 第三部分 -->
<!-- 底部 -->
<footer>
	<div  class="container foo">
       <div class="foo-1">
          <h1>联系我</h1>
          <div class="foo-1-1">
             <form class="fo" action="">
                 <input type="text" placeholder="you name">
                 <input class="in" type="text" placeholder="you Email">
                 <input type="text" placeholder="Subject">
             </form>
             <form class="fo1" action="">
                <textarea rows="15" cols="110">Your message</textarea>
             </form>
          </div>
       </div>
           <button>提交</button>
	</div>
</footer>
<!-- 底部 -->














<script src="js/swiper-4.5.0/dist/js/swiper.min.js"></script> 
   <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
<script src="js/script.js"></script>

</body>
</html>